<template>
  <div class="app-container">
    <navigation>
      <router-view></router-view>
    </navigation>
  </div>
</template>
<script>
import { isString, isPlainObject } from 'lodash';
export default {
  name: "waters",
  data() {
    return {
      shareOpenId:null
    };
  },
  created() {
    this.$navigation.on('forward', (to, from) => {
      this.$store.dispatch('app/setRouterStatus', 'FORWARD');
    });
    this.$navigation.on('back', (to, from) => {
      this.$store.dispatch('app/setRouterStatus', 'BACK');
    });
    this.$navigation.on('replace', (to, from) => {
      this.$store.dispatch('app/setRouterStatus', 'REFRESH');
    });
  },
  methods: {
    
  }
};
</script>
<style>
.app-container {
  width: 100%;
  height: 100%;
}
.app-content .van-tabs__line{
  width: 2rem;
  background-color:#EC725D;
}
.app-content  .van-tab--active{
  color:#EC725D;
  font-weight: bold;
}
</style>